<template>
  <div id="batchTag">
    <el-tag class="header-tag"
            style="display:block;margin-top:15px">
      <span class="header-tag_select_text_black">
        <span class="el-icon-warning"
              style="color:#F56C6C "></span>
        &nbsp;
        已选择
        <span style="color: #F56C6C">{{number}}</span>
        项
        &nbsp;&nbsp;
      </span>
      <el-button type="text"
                 :disabled="number===0"
                 @click="handleClick"
                 :style="{color: number!==0?'#F56C6C':'#909399'}">
        删除
      </el-button>
    </el-tag>
  </div>
</template>

<script>
export default {
  name: 'BatchTag',
  props: {
    number: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      text: 0
    }
  },
  methods: {
    handleClick() {
      this.$emit('delete')
    }
  }
}
</script>

<style lang="scss" scoped>
#batchTag {
  width: 100%;
  .header-tag {
    width: 100%;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
  }
}
</style>
